<template>
	<div id="app" class="fillcontain">
		<router-view :key="$route.fullPath"></router-view>
	</div>
</template>

<script>
	export default {
		created() {
			if (sessionStorage.getItem("store")) { //页面加载前读取sessionStorage里的状态信息
				this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store"))))
			}
			window.addEventListener("beforeunload", () => { //在页面刷新前将vuex里的信息保存到sessionStorage里
				sessionStorage.setItem("store", JSON.stringify(this.$store.state))
			})
		}
	}
</script>
<style lang="less">
	@import './style/common';

	.el-radio__input.is-checked .el-radio__inner {
		border-color: #2050F4 !important;
		background: #2050F4 !important;
	}

	.el-radio__input.is-checked+.el-radio__label {
		color: #2050F4 !important;
	}

	.redcolor {
		color: #FF4422;
	}

	.bluecolor {
		color: #226FFF;
	}

	.active_bgcolor {
		background-color: #226FFF !important;
	}

	.pagination {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.flexwrap {
		display: flex;
		align-items: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.flex {
		display: flex;
		align-items: center;
		align-content: center;
	}

	.flex-between {
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.el-menu {

		box-sizing: border-box;
	}

	.el-menu-item,
	.el-submenu {
		border: none;
		border-top: 1px solid #EEEEEE;
		font-size: 17px !important;
		color: #333333;

	}

	.el-submenu {
		font-size: 17px !important;
	}

	.el-submenu__title {
		font-size: 17px !important;
	}

	.el-menu-item,
	.el-submenu__title {
		height: 60px !important;
		line-height: 60px !important;


	}

	.el-submenu__title,
	.el-menu-item {
		padding-left: 33px !important;
		box-sizing: border-box;
	}

	.el-menu {
		border-right: 0px !important;
	}

	.el-menu-item.is-active {
		border-left: 4px solid #226FFF !important;
		background-color: #FFFFFF !important;
	}
</style>
